// .cdk-menu-bar {
//   .cdk-menu-item {
//     @apply p-2 whitespace-nowrap text-neutral-500 dark:text-neutral-500;
//   }
//   .cdk-menu-item:hover {
//     @apply bg-black/5 dark:bg-gray-100/10 text-neutral-600 dark:text-neutral-400;
//   }
// }

.cdk-menu-trigger[aria-expanded='true'] {
  @apply bg-black/10 dark:bg-gray-100/20 text-neutral-600 dark:text-neutral-400;
}

.mat-mdc-menu-panel .mat-mdc-menu-content {
  .mat-mdc-menu-item {
    .mat-icon {
      @apply shrink-0;
    }

    .mat-mdc-menu-item-text {
      @apply overflow-hidden whitespace-nowrap text-ellipsis;
    }
  }
}

.ngm-cdk-menu {
  .ngm-cdk-menu-item {
    @apply w-full rounded-lg overflow-hidden hover:bg-hover-bg;
  }
  .ngm-cdk-menu-item.danger:hover {
    @apply text-red-600 bg-red-100/50 dark:text-red-600 dark:bg-red-200/20;
  }
}

.ping-badge {
  span {
    background-color: var(--ngm-color-secondary);
  }
}